.certificate-container{
	.certificate-main{
		padding-top:35px;
		padding-bottom:60px;
		.search-botton{
			padding:30px 0;

		}
		.certificate-cont{
			position:relative;
			.cer-index{
				padding:0 50px;
				border:2px solid #9a9da1;
				background-color:#fff;
				padding-bottom:100px;
				position:relative;
				&:after{
					content:"";
					display:table;
					position:absolute;
					right:0;
					bottom:30px;
					background:url(../images/text.png) center no-repeat;
					background-size:contain;
					height:17px;
					width:100%;
				}
				.cert-logo{
					padding-top:40px;
					p{
						font-size:34px;
						color:#000;
						padding-top:30px;
						margin-bottom:0;
					}
				}
				.company-intr{
					margin:75px auto;
					width:515px;
					p{
						em{
							font-size:18px;
							color:#666;
							display:inline-block;
							width:115px;
							text-align:left;
						}
						span{
							font-size:20px;
							color:#333;
							font-weight:bold;
							display:inline-block;
							width:400px;
							border-bottom:1px solid #ccc;
							text-align:center;
							padding-bottom:10px;
							&.c-blue{
								color:#2349b6;
								a{
									color:#2349b6;
								}
							}
						}
					}
				}

			}
			margin:0px 120px;
			background-image:url(../images/certificate/kk.png);
			background-repeat:no-repeat;
			background-size:100% 100%;
			background-color:#ededed;
			padding:35px;			
		}		
	}
}


#raphae{
	width:420px;
	margin:auto;
	margin-top: 30px;
	margin-bottom: 50px;
	position:relative;
	text-align:center;
	#grade{
		position:absolute;
		top:130px;
		left:0;
		right:0;
		margin:0 auto;
		font-size:80px;
		font-family:"Microsoft YaHei";
		color:#ff811c;
	}
	#more-than{
		position:absolute;
		top:250px;
		left:0;
		right:0;
		margin:0 auto;
		font-size:16px;
		color:#37d04d;
		font-weight:normal;
		font-family:"Microsoft YaHei";
		em{
			display:inline-block;
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 8px solid #37d04d;
			margin-right:5px;
		}
		i{
			font-size:20px;
		}
	}
}

.about-content{
	border-bottom:1px solid #2047b5;
	.about-certificate{
		position:relative;
		// width:425px;
		margin:0 auto;
		// height:165px;
		padding-left:40px;
		text-align:center;		
		.circular{
			padding-bottom:10px;
			position:relative;
			&.circle-active{
				span{				
					background-image:url(../images/circle-active.png);
					i{
						color:#2047b5;
					}
				}
				p{					
					font-weight:bold;
					color:#2047b5;
				}
				&:after{
					content:"";
					position:absolute;
					bottom:0;
					left:45px;
					margin:auto;
					width: 0;
				   height: 0;
				   border-left: 5px solid transparent;
				   border-right: 5px solid transparent;
				   border-bottom: 10px solid #2047b5;
				}
			}
			cursor:pointer;
			width:100px;
			float:left;
			margin:0px 35px;
			span{
				display:inline-block;	
				width:80px;
				height:80px;			
				background-image:url(../images/circle-gray.png);
				background-repeat:no-repeat;
				background-size:cover;
				i{
					position:absolute;
					color:#999;
					font-size:38px;
					top:33px;
					left:32px;
				}
			}
			p{
				font-size:14px;
				color:#333;
				padding-top:15px;
			}
		}

	}
}
.content-main{
	overflow:initial;
	padding-left:0px;
	.good-job{
		padding:0px;
	}
}
.cert-content{
	padding-top:30px;
	p{
		font-size:12px;
		color:#333;
		em{
			color:#3257c1;
			a{
				color:#3257c1;
			}
		}
		span{
			a{
				color:#333;

			}
		}
	}
	.r-title{
		color:#666;
		font-size:12px;
	}
	.mar-bottom{
		span{
			font-size:12px;
			color:#333;
		}
	}
}
.job-table{
	table{
		tr{
			&:hover{
				td{
					a{
						&.comp{
							opacity:1;
						}
					}
				}
			}
			td{
				position:relative;
				a{
					display:block;
					&.comp{	
					opacity:0;					
						display:inline-block;
						position:absolute;
						right:20px;
						top:20%;
						font-size:12px;
						color:#666!important;
						img{
							vertical-align:middle;
							margin-right:5px;
							margin-bottom:3px;
						}
					}
				}
			}
		}
	}
}
.bad-job{
	p{
		color:#333;
		font-size:14px;
	}
	.bad-title{
		font-size:14px;
		color:#999;
		margin:20px 0px;
		position:relative;
		&:before{
			position:absolute;
			content:"";
			display:table;
			width:42%;
			height:1px;
			background:#e5e5e5;
			top:10px;
			z-index:0;
		}
		&:after{
			position:absolute;
			content:"";
			display:table;
			width:42%;
			height:1px;
			background:#e5e5e5;
			top:10px;
			right:0;
			z-index:0;
		}
		span{			
			width:100px;
			display:block;
			margin:0 auto;
			text-align:center;
			i{
				vertical-align:middle;
				margin-right:5px;
			}
		}
	}
}